<template>
  <div class="login-main authoresult">
    <div class="resultItem" v-if="$route.query.success">
      <div class="success"><i class="el-icon-success"></i></div>
      <div class="result-detail">
        <div class="result-title">注册验证通过</div>
        <!-- <div class="result-text">
          <p>长春启璞科技有限公司！</p>
          <p>您的有效使用期限至2021年12月23日</p>
        </div> -->
      </div>
    </div>
    <div class="resultItem" v-else>
      <div class="warning"><i class="el-icon-warning"></i></div>
      <div class="result-detail">
        <div class="result-title">注册验证失败</div>
        <div class="result-text">
          <p>请联系软件授权商，提供正确注册授权码进行重试</p>
        </div>
      </div>
    </div>
    <div>
      <el-button type="primary" size="small" @click.native.prevent="goLogin" class="login-submit">{{$t('login.gologin')}}
      </el-button>
    </div>
  </div>

</template>
<script>
export default {
  name: 'authoresult',
  data() {
    return {};
  },
  methods: {
    goLogin() {
      this.$router.push('/login/index');
    },
  },
};
</script>
<style lang="scss">
.authoresult {
  color: #000;
  .resultItem {
    display: flex;
    margin-bottom: 20px;
    .success {
      color: #67c23a;
      font-size: 32px;
    }
    .warning {
      color: #f56c6c;
      font-size: 32px;
    }
    .result-detail {
      margin-left: 15px;
      .result-title {
        color: #002669;
        font-family: 'PingFangHK-Semibold', 'PingFang HK Semibold', 'PingFang HK';
        font-weight: 650;
        font-style: normal;
        font-size: 30px;
      }
      .result-text {
        margin-top: 20px;
        font-family: 'PingFangSC-Regular', 'PingFang SC';
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        color: #797979;
        line-height: 28px;
        p {
          line-height: 1.5;
        }
      }
    }
  }
}
</style>
